<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<div th:replace="/common/header :: header"></div>
<body>

<div class="home_bac">
	<!--头部-->
	<div th:replace="/pc/home/common :: header"></div>

	<div class="home_mol">
		<div class="home_mtab">
			<p class="home_tit">Cashier</p>
			<ul class="home_bot">
				<!--<li class="clearfix">
					<p class="home_pfl">User_id</p>
					<p class="home_pfr" th:text="${order.get('user_id')}${order?.user_id}"></p>
				</li>-->
				<li class="clearfix">
					<p class="home_pfl">Order_id</p>
					<p class="home_pfr" th:text="${order?.get('order_id')}"></p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Order_status</p>
					<p class="home_pfr" th:text="${order?.get('order_status')}">Due to pay</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Order_Type</p>
					<p class="home_pfr" th:text="${order?.get('order_type')}">Charter</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Time_depart</p>
					<p class="home_pfr" th:text="${order?.get('time_depart')}">2018-08-12  12:23</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Fromwhere</p>
					<p class="home_pfr" th:text="${order?.get('fromwhere')}">Sydney Opera House</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Towhere</p>
					<p class="home_pfr" th:text="${order?.get('towhere')}">Sydney Opera House</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Custo_sum</p>
					<p class="home_pfr" th:text="${order?.get('custo_sum')}">5</p><!--custo_sum-->
				</li>
				<li class="clearfix">
					<p class="home_pfl">Voucher</p>
					<div class="order_ohi">
						<div class="clearfix">
							<div class="clearfix cashier_ipu">
								<input type="text" class="cashier_input" th:value="${order?.get('order_voucher')}"><!--order_voucher-->
							</div>
							<input type="checkbox" class="cashier_checkbox">
						</div>
						<p class="cashier_au">
							<span th:text="${order?.get('custo_costs')}  ? ${order.custo_costs} : 0.00"></span><!--custo_costs-->
							AU$</p>
					</div>
				</li>

				<li class="clearfix">
					<p class="home_pfl"></p>
					<input type="button" class="home_button" value="Pay Online" id="payOnline" th:if="order!=null">
				</li>
				<li class="clearfix">
					<p class="home_pfl"></p>
					<input type="button" class="home_button" value="Pay On Site" id="payOnSite" th:if="order">
				</li>
			</ul>
		</div>
		<!--底部菜单-->
		<div th:replace="/pc/home/common :: home_foot"></div>
	</div>


	
</div>


<script>



$(document).ready(function($){
	$('.cd-3d-nav-trigger').on('click', function(){
		toggle3dBlock(!$('.cd-header').hasClass('nav-is-visible'));
	});

	function toggle3dBlock(addOrRemove) {
		if(typeof(addOrRemove)==='undefined') addOrRemove = true;	
		$('.cd-header').toggleClass('nav-is-visible', addOrRemove);
	}
});



var laydate = null, laypage = null, layer = null, table = null, carousel = null, upload = null, element = null,form = null;
layui.use([ 'laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','form' ], function() {
	laydate = layui.laydate //日期
	, layer = layui.layer //弹层
	, form = layui.form;

	/*线上支付*/
	$("#payOnline").click(function(){
		layer.msg("线上支付");
	})

	/*线下支付*/
	$("#payOnSite").click(function(){
		layer.msg("线下支付");
	})
});


</script>
</body>
</html>
